li{
    list-style-type: none;
    height: 36px;
    line-height: 36px;
    padding: 0 5px;
    border-bottom: 1px solid #ddd;
}

li label{
    float: left;
    cursor: pointer;
}

li label li input{
    vertical-align: middle;
    margin-right: 6px;
    position: relative;
    top: -1px;
}

li button{
    float: right;
    display: none;
    margin-top: 3px;
}

li:before{
    content: initial;
}

li:last-child{
    border-bottom: none;
}

/*li:hover{*/
/*    background-color: #ddd;*/
/*}*/

/*li:hover button{*/
/*    display: block;*/
/*}*/

/*li:hover button:hover{*/
/*    background-color: #ccc;*/
/*}*/

/*li button:hover{*/
/*    background-color: #aaa;*/
/*}*/

/*li button:active{*/
/*    background-color: #888;*/
/*}*/

/*li label:hover{*/
/*    color: #666;*/
/*}*/

li label input:checked + span{
    color: #f00;
}

li label input:checked + span:before{
    content: '\2714';
}
